<template>
  <div>
    <h1>父组件</h1>
    <h2>动态绑定props</h2>
    <A26children init></A26children>
    <A26children init="false"></A26children>
    <A26children init="isFlag"></A26children>
    <!-- <h2>v-model</h2>
    <input type="text" v-model="username" />
    <h3>{{ username }}</h3>
    <A26children :init="age"></A26children>
    <A26children v-bind:init="username"></A26children> -->
  </div>
</template>

<script setup>
import A26children from "./A26children.vue";
import { ref } from "vue";

const username = ref("qq");
const age = ref(18);
const isFlag = ref(true);
</script>

<style></style>
